﻿@charset "utf-8";

/***CSS reset****/
html,body,div,iframe,p,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,label,button,a{margin:0;padding:0;font-size:12px;font-family:"Microsoft YaHei",arial,helvetica,sans-serif;color:#333;outline:none;}
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td, dl, dt, dd {margin: 0;padding: 0;}
body, div, td {font-family:"Microsoft YaHei",Tahoma,Helvetica,Arial,sans-serif,nsimsun;font-size: 12px;}
table{border-collapse:collapse;border-spacing:0px;}
img{vertical-align:top;border:0;}
button{border:none;background:none;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,.bold{font-weight:bolder;}
h1, .font1{font-size:24px;}
h2, .font2{font-size:18px;}
h3, .font3{font-size:16px;}
h4, .font4{font-size:14px;}
h5, .font5{font-size:12px;}
.pointer{cursor:pointer;}

img{border:0px;}
a:link,a:visited{text-decoration:none;}
a:hover,.underline{text-decoration:underline;}
.default,a.default:hover{text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}


.fl{float:left;}
.fr{float: right;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}



/**首页**/
.homepage-wrap{width:100%;height:100%;min-height:640px;background:url(../images/homepage_bg.jpg) top center #0a284b no-repeat;background-size: 100%;overflow: hidden;position: relative;}
.picwrap{width:1142px;overflow:hidden;position:absolute;left:50%;margin-left:-571px;top:50%; }
.picwrap h1{margin:20px 0;text-align:center;color:#006393;}
/* 1 */
.item1 img{vertical-align:top;}
.item1 li{position:relative;float:left;margin-right:45px;width:190px;height:190px;border:1px #7be2ff solid;overflow:hidden;cursor:pointer;}
.item1 li.lastli{margin-right:0;}
.item1 div{position:absolute;left:0;top:120px;width:100%;height:50px;text-align:center;background:url(../images/demo02.png) no-repeat;color:#FFF;overflow:hidden;}
.item1 p{display:none;margin:25px auto 0;width:170px;line-height:28px;text-align:left;font-size:16px;color:#FFF;}
.item1 p.t1{text-align: center;}
.item1 h3{margin:11px 0;height:25px;font-size:16px;text-align: center;color:#FFF;}

/**首页导航切换效果css**/
.scroll-outer{height:421px;background:url(images/bg.jpg) 50% 0 no-repeat;}
#scroll{width:1330px;margin:0 auto;font-family:"Microsoft Yahei";text-align:center;position: absolute;left:50%;margin-left:-665px;top:55%;}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:140px;height:170px;margin:0 1px;border:1px #7be2ff solid;background-color:#fff;overflow:hidden;display:inline-block;*display:inline;*zoom:1;}
#scroll  .item div{position:absolute;left:0;top:110px;width:100%;height:42px;text-align:center;background:url(../images/demo02.png) no-repeat;color:#FFF;overflow:hidden;}
#scroll .item p{display:none;margin:25px auto 0;width:140px;line-height:28px;text-align:left;font-size:13px;color:#FFF;}
#scroll .item p.t1{text-align: center;}
#scroll  .item h4{margin:11px 0;height:25px;font-size:16px;text-align: center;color:#FFF;}
#scroll .shd{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.15);}
#scroll .shd a{display:block;width:250px;height:239px;*background-image:url(about:blank);background-image:url(about:blank)\0;}
#scroll .txt{position:absolute;left:0;bottom:0;width:226px;height:100px;padding:0 12px;color:#888;box-shadow:0 0 15px 15px rgba(228, 233, 238, 0.95);background-color:#e4e9ee\9;background-color:rgba(228, 233, 238, 0.95);}
#scroll h3{width:226px;height:25px;margin-bottom:6px;padding-top:6px;font:700 18px/25px arial,"Microsoft Yahei";overflow:hidden;}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#338de6;}
#scroll p{width:226px;height:54px;line-height:18px;font-size:12px;}


#scroll .item:hover .shd{background-color:rgba(0, 0, 0, 0);}
#scroll .item:hover .txt{background-color:#fff\9;background-color:rgba(248, 249, 249, 0.95);box-shadow:0 0 15px 15px rgba(248, 249, 249, 0.95);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:64px;width:30px;height:71px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background:url(../images/slide_bg.png) no-repeat;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{background-position:0 0;left:-50px;}
.owl-theme .owl-controls .owl-buttons .owl-next{background-position:0 -166px;right:-50px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{background-position:0 -83px;}
.owl-theme .owl-controls .owl-buttons .owl-next:hover{background-position:0 -249px;}

.body-bg{background-color:#012e47;}
.w1024{width:1024px;}

.btn-value{width:133px;height: 57px;position: fixed;top:20px;right: 20px;z-index:111;}
.btn-value a{width: 133px;height: 57px;display:block;background:url(../images/btn_tovalue.png) 0 0 no-repeat; }
.btn-value a:hover{background-position: 0 -80px; }

/****顶部导航****/
.header{width:100%;height:50px;background:url(../images/head_bg.png) repeat-x;}
.nav-con{width:1200px;height: 50px;margin:0 auto;text-align:center;position: relative;}
.nav-con ul{display: inline-block;}
.nav-con ul li{height:50px;line-height:50px;padding:0 53px 0 50px;background:url(../images/line_bg.png) right no-repeat;float:left;position: relative;}
.nav-two ul li{padding:0 28px 0 25px;}
.nav-con ul li.last{background:none;}
.nav-con ul li a{height:50px;line-height:50px;display:block;color:#012e47;font-size:20px;}
.nav-con ul li a:hover{text-decoration: none;}
.nav-con ul li.current a{color:#61d5ee;}
.nav-con ul li .tab-trigle{width:37px;height:10px;display:none;background:url(../images/excel_show_icon.png) 0 0 no-repeat;position: absolute;left:50%;margin-left:-18px;bottom:-1px;}
.nav-con ul li.current .tab-trigle{display:block;}
@media screen and (max-width: 1150px){
    .nav-con{width:800px;}
    .nav-con ul li{padding:0 20px 0 16px}
}
.back-home-btn{position: absolute;left:10px;top:8px;}
.back-home-btn a{height:31px;line-height:31px;display:block;padding-left:39px;color:#61d5ee;font-size:16px;background:url(../images/home_btn_bg.png) 0 0 no-repeat;}
.back-home-btn a:hover{background-position: 0 -38px;color:#a3efff;text-decoration: none;}

.ex-container{position: relative;}
.data-con{padding:12px 25px 0;}
.tab-box .hide{display: none;}

.tab-switch{width:124px;height: 26px;margin:10px 5px 0 0;float:right;position: absolute;right: 149px;top:0px;}
.tab-switch span{color:#55c3df;font-size:16px;line-height: 26px;}
.tab-switch em{width: 15px;height: 13px;display: block;cursor:pointer;position: absolute;top:8px;}
.tab-switch em.pre-icon{background:url(../images/search_bar_icon.png) 0 -73px no-repeat;left:0px;}
.tab-switch em.nopre{background-position: 0 -41px;}
.tab-switch em.next-icon{background:url(../images/search_bar_icon.png) 0 -138px no-repeat;right:0px;}
.tab-switch em.nonext{background-position: 0 -106px;}
.search-bar{width:180px;height: 30px;background-color:#FFF;float: left;margin:9px 5px 0 0;position: absolute;right: -104px;top:0px;}
.search-bar input{width:160px;height: 28px;line-height:28px;border:0;margin:1px 0 0 60px;color:#464646;font-size:14px;}
.search-bar .searchBtn{width:24px;height: 20px;display: block;text-indent: -1000em;background:url(../images/search_bar_icon.png) 0 0 no-repeat;position: absolute;left:10px;top:5px;}
/****用户入网分布图****/
.con-left{padding:25px;}
.select-tools ul li{margin-right:15px;float:left;}
.sel-panel{height:32px;background: #0171c7;}
.mod-use-sel{height: 32px;cursor:pointer;display:inline-block;position: relative;}
.sel-name{width:88px;height: 32px;line-height:32px;color:#FFF;font-size:16px;display: inline-block;text-align:center;border-right:1px #012e47 solid;float:left;}
.sel-month{width:88px;height: 32px;line-height:32px;color:#FFF;font-size:16px;display: inline-block;text-align:center;border-right:1px #012e47 solid;float:left;}
.sel-day{width:88px;height: 32px;line-height:32px;color:#FFF;font-size:16px;display: inline-block;text-align:center;border-right:1px #012e47 solid;float:left;}
.sel-city{width:88px;height: 32px;line-height:32px;color:#FFF;font-size:16px;display: inline-block;text-align:center;border-right:1px #012e47 solid;float:left;}
.sel-province {border-right: 1px solid #012e47;color: #fff;display: inline-block;float: left;font-size: 16px;height: 32px;line-height: 32px; text-align: center;width: 88px;}
.mod-use-sel .sel-opt{min-width:68px;_width:68px;height:32px;line-height:32px;color:#FFF;font-size:16px;padding:0 25px 0 18px;background:url(../images/sel_tri_icon.png) right center no-repeat;}
.sel-list-con{width:110px;max-height: 200px;oveflow-x:hidden;overflow-y:auto;z-index:100;border:solid #0c628d;border-width:0px 1px 1px 1px;display:none;background:#FFF;position: absolute;left:0px;top:33px;}
.select-tools .sel-list-con li{width:100%;white-space: nowrap;float:none;margin-left:0;}
.select-tools .sel-list-con li a{line-height: 28px;font-size:14px;display: block;padding-left:15px;}
.select-tools .sel-list-con li a:hover{text-decoration:none;background:#e6e7e7;}
/**图表区域**/
.chart_area{width:100%;height: 100%;}


.con-right{width:254px;height:100%;border-left:1px #08648c solid;position: absolute;right:0px;top:0px;}
/**用户入网分布图**/
.hot-address{line-height:22px;color:#afafaf;font-size:14px;font-weight:normal;margin:8px 0 8px 10px;padding-left:25px;background:url(../images/excel_show_icon.png) 0 -21px no-repeat;}
.address-list-box{border-top:1px #0c628d solid;padding-left:28px;overflow-x:hidden;overflow-y:auto;}
.address-list-box ul li{width:200px;padding:12px 0 12px 15px;border-bottom:1px #105c91 dashed;white-space:nowrap;position: relative;}
.address-list-box ul li a{color:#afafaf;font-size:14px;}
.address-list-box ul li span{width:18px;height:18px;line-height:20px;text-align:center;color:#FFF;display: block;background:url(../images/excel_show_icon.png) 0 -52px no-repeat;position: absolute;left:-20px;top:13px;}

/**流量包分析图**/
.flow-packet{height:100%;padding:0 0 0 12px;overflow:hidden; }
.flow-packet .packet-bag{width:278px;height:122px;margin-top:12px;border:1px #09b9f3 solid;overflow:hidden;}
.flow-packet .packet-bag h2{height:34px;line-height: 34px;font-size:16px;text-align: center;background:url(../images/title_opacity_bg.png) repeat;}
.flow-packet .packet-bag p{text-align: center;}
.flow-packet .packet-bag p span{line-height: 78px;font-size:65px;}
.yellow-face h2{color:#fae000;}
.yellow-face p span{color:#fae000;}
.orange-face h2{color:#f77935;}
.orange-face p span{color:#f77935;}
.green-face h2{color:#16f269;}
.green-face p span{color:#16f269;}
.blue-face h2{color:#58c7e3;}
.blue-face p span{color:#58c7e3;}

/**流量用户占比图**/
.flow-percent{padding:10px;}
.flow-con{width: 100%;height:100%;background: #073b58;}
.flow-con .flow-con-left{width:330px;height:100%;min-height:508px;border-right:1px #0c628d solid;float:left;position:relative;overflow:hidden;}
.flow-con .flow-con-left .select-tools{width:400px;margin:15px 0 0 15px;}
.flow-con .flow-con-left .select-tools ul li{margin-right:10px;}
.flow-con .flow-con-left .select-tools .sel-name{width:80px;}
.flow-con .flow-con-left .select-tools .sel-opt{padding:0 22px 0 16px;}
.flow-con .flow-con-left .select-tools .sel-list-con{width:105px;}
.flow-value{width:190px;height: 230px;position: absolute;bottom:0px;right:30px;}
.flow-value dl dt{color:#FFF;font-size:14px;float: left;}
.flow-value dl dd{margin-left:55px;}
.value-list{margin-bottom:15px;}
.value-list .value-bar{width:135px;height: 10px;}
.value-list p{color:#FFF;margin-top:2px;}
.col-blue{background: #1b7cc4;}
.col-lightblue{background: #09b9f3;}
.col-lightgreen{background: #16f2d0;}
.col-green{background: #16f269;}
.col-orange{background: #f77935;}
.col-yellow{background: #fae000;}
.percent-chart{margin-left:332px;height:100%;padding:0 25px;}


/**流量分析包**/
.packet_chart_area{height:100%;padding-right:320px;}

/**用户使用流量图**/
.userflow{padding:10px;}

/**网站访问分析图**/
.search-key-box{width:250px;height: 264px;border-width: 1px;border-style: solid;margin:8px 0 0 8px;float: left;}
.search-key-box h2{height: 30px;line-height: 30px;}
.search-key-box h2 span{height: 30px;line-height: 30px;color:#012e47;font-size:16px;padding-left:40px;display: inline-block;background:url(../images/excel_show_icon.png) 7px -75px no-repeat;}
.yellowBox{border-color: #f9e000;}
.blueBox{border-color: #09b9f4;}
.yellowBox h2{background:#f9e000;}
.orangeBox{border-color: #f87936;}
.orangeBox h2{background:#f87936;}
.greenBox{border-color: #16f26a;}
.greenBox h2{background:#16f26a;}
.blueBox h2{background:#09b9f4;}
.key-list{margin:0 10px;}
.key-list li{border-bottom:1px #105c91 dashed;padding:12px 0;}
.key-list li em{width:18px;height:18px;display: inline-block;text-align:center;line-height: 18px;color:#FFF;font-style: normal;margin-right:10px;float:left;}
.key-list li em.e1{background:url(../images/excel_show_icon.png) -27px -52px no-repeat;}
.key-list li em.e2{background:url(../images/excel_show_icon.png) 0 -52px no-repeat;}
.key-list li p{color:#afafaf;}
.key-list li p span{color:#afafaf;float: right;}
.explain-con-left{padding:10px 536px 10px 10px;}

/**APP访问分析图**/
.app_area{padding:10px;}

/**终端分析图**/
.device-wrap{border-top:1px #0c628d solid;}
.device-brand{height:100%;min-height: 508px;float:left;}
.brand-left{width:49%;height:100%;min-height: 508px;position: relative;border-right:1px #0c628d solid;float: left;}
.brand-left h1,.brand-right h1{padding: 15px;color: #60d3ed;font-size: 20px;font-weight: normal;}
.brand-right{width:50%;height:100%;float: left;}
.device-value-out{padding:25px;}
.device-value{width:100%;}
.device-value ul{display: inline-block;}
.device-value ul li{width:60px;margin-bottom:5px;float: left;}
.device-value ul li em{width:12px;height:12px;display:inline-block;float: left;margin:5px 3px 0 0;}
.device-value ul li em.c1{background: #17f167;}
.device-value ul li em.c2{background: #bcf601;}
.device-value ul li em.c3{background: #f8df00;}
.device-value ul li em.c4{background: #fab000;}
.device-value ul li em.c5{background: #f87936;}
.device-value ul li em.c6{background: #f63536;}
.device-value ul li em.c7{background: #9669c6;}
.device-value ul li em.c8{background: #ce7dc9;}
.device-value ul li em.c9{background: #298ae9;}
.device-value ul li em.c10{background: #54d4df;}
.device-value ul li span{font-size:14px;color:#54c3df;float: left;}

.device-model{width:480px;height:100%;min-height:508px;border-left:1px #0c628d solid;float:right;}
.device-model h1{padding:15px;color:#60d3ed;font-size:20px;font-weight: normal;}
.device-detail{padding:10px 0 0 25px;overflow-x: hidden;overflow-y: auto;}
.device-detail ul li{height:18px;margin-bottom:22px;}
.device-detail ul li p{height: 18px;line-height: 18px;color:#FFF;float:left;}
.device-detail ul li p span{width:18px;height:18px;display: inline-block;text-align:center;line-height: 18px;color:#FFF;font-style: normal;margin-right:15px;}
.device-detail ul li p span.e1{background:url(../images/excel_show_icon.png) -27px -52px no-repeat;}
.device-detail ul li p span.e2{background:url(../images/excel_show_icon.png) 0 -52px  no-repeat;}
.perbar{width:270px;height: 18px;margin-left:160px;position: relative;}
.perbar .bar-bg{width:270px;height: 18px;background: #FFF;opacity: 0.25;position: absolute;left:0px;top:0px;z-index: 22;}
.perbar .ratebar{height: 18px;background: #54c2df;position: absolute;left:0px;top:0px;z-index: 33;position: relative;}
.value-num{line-height:18px;color:#012e47;position: absolute;right:5px;top:0px;}

.device-info{width:100%;background:#073b58;padding:0;position: absolute;left:0;top:0;}
.device-info h1{font-size:14px;color:#54c2df;font-weight: normal;line-height: 20px;margin-bottom:10px;}
.device-info ul{padding:0 20px;}
.device-info .device-detail ul li{width: 100%;}
.device-info ul li p{width:140px;display:inline-block;white-space:nowrap;overflow:hidden;}
.device-info .perbar{width:60%;margin-left:150px;}
.device-info .perbar .bar-bg{width: 100%;}
.device-info .perbar .ratebar{background: #f9e000;}
.device-info .back-page-btn{width: 32px;height: 32px;display: block;text-indent:-9999px;background:url(../images/back_btn.png) no-repeat;position: absolute;right:15px;top:10px;}



.game-ranking{width: 284px;height:100%;border-left:1px #08648c solid;float: right;}
.game-ranking h2{font-weight: normal;font-size:18px;color:#FFF;line-height: 46px;padding-left: 12px;background: #187da0;}
.game-ranking ul li{display:block;height:62px;padding: 7px 0;border-bottom:1px #08648c solid;}
.game-ranking ul li i{width:48px;display:inline-block;text-align:center;line-height:56px;font-style: normal;font-size: 40px;color:#226880;margin:0 15px 0 10px;float: left;}
.game-ranking ul li img{border-radius: 28px;float: left;}
.game-ranking ul li p{padding:1px 0 0 12px;float: left;}
.game-ranking ul li p span{color:#54c2df;font-size: 20px;}
.game-ranking ul li p em{width:115px;display:inline-block;overflow:hidden;font-style: normal;color:#54c2df;font-size:14px;}
.rankScroll{height: 100%;overflow-x: hidden;overflow-y: auto;}
/**个人画像**/
.person-img{width:100%;max-width:1366px;height:100%;margin:0 auto;min-height:580px;}
.picture-left{width:438px;height:580px;float: left;}	
.picture-right{width:545px;height:580px;float: right;position: relative;}
.u-style{width: 205px;height: 40px;padding-left:55px;background:url(../images/excel_show_icon.png) 0 -282px  no-repeat;position: absolute;left:-35px;top:42px;}
.u-style p{color:#54c2df;font-size:34px;line-height: 40px;}
.u-style p span{color:#54c2df;font-size:34px;}
.picture-mid{width:288px;text-align:center;padding-top:25px;float:left;}
.peron-label{margin:45px 0 0 10px;}
.peron-label li{margin-left:35px;float:left;position: relative;}
.peron-label li h1{width:100%;height:20px;line-height:20px;color:#012e47;font-size:13px;text-align:center;position: absolute;left:0;top:18px;}
.person-flow-chart{padding:35px 0 0 50px;}
.person-flow-chart .flowTitle{font-size:18px;color:#5dcde6;}
.person-flow-chart .flowChart{width:390px;height: 180px;}

.often-web{width:210px;height: 120px;position: absolute;left:0px;top:125px;}
.often-web h3{color:#54c2df;font-size:14px;margin-bottom: 15px;}
.bar-wrap li{height: 14px;margin-bottom:12px;}
.bar-wrap li span{width: 100px;margin-left: -42px;text-align: right;line-height: 14px;color:#FFF;float: left;}
.progressbar{width:130px;height:13px;margin:3px 0 0 70px;position: relative;}
.ratespeed{height:13px;border-radius:10px;position: absolute;left:0px;top:0px;}
.color-1{background: #f77935;}
.color-2{background: #16f269;}
.color-3{background: #fae000;}
.per-favour{width:174px;height: 84px;position: absolute;left:-20px;top:405px;}
.per-favour h3{color:#54c2df;font-size:14px;margin-bottom: 15px;}
.per-favour ul li{float: left;margin-right: 12px;}
.per-favour ul li span{width:46px;height: 46px;display: inline-block;background:url(../images/excel_show_icon.png) no-repeat;}
.per-favour ul li span.s1{background-position: 0 -185px;}
.per-favour ul li span.s2{background-position: -59px -185px;}
.per-favour ul li span.s3{background-position: -119px -185px;}
.use-detail{width:265px;height: 180px;position: absolute;left:265px;top:42px;}
.use-detail h3 {height: 40px;line-height: 40px;margin:0 0 38px 15px;padding-left:36px;color:#54c2df;font-size:30px;word-break:keep-all;background:url(../images/excel_show_icon.png) 0 -127px no-repeat;}
.use-detail p{color:#FFF;font-size:20px;}
.use-detail p.t1{margin-bottom:20px;}
.use-detail p.t2{padding-left:30px;margin-bottom:20px;}
.use-detail p.t3{padding-left:50px;}
.flow-chart{width:360px;height: 240px;position: absolute;left:165px;top:300px;z-index: 999;}

.consumeValue{margin-top:10px;}
.consumeValue li{height: 14px;margin-bottom:12px;}
.consumeValue li span{line-height: 14px;color:#57c1db;float: left;}
.consumeValue .progressbar{width: 878px;margin:3px 0 0 40px;}
.consumeValue .ratespeed span{color:#012e47;padding-right:5px;float:right;}
/****新离网用户对比图***/
.ratio-map{margin-top:10px;text-align: center}
.ratio-map ul{display: inline-block;}
.ratio-map ul li{float:left;margin-right:40px;}
.ratio-map ul li.last{margin-right:0;}
.ratio-map ul li em{width: 12px;height: 12px;display: inline-block;margin-right:10px;vertical-align: middle;}
.ratio-map ul li em.orange-color{background-color:#f87936;}
.ratio-map ul li em.yellow-color{background-color:#f9e000;}
.ratio-map ul li em.purple-color{background-color:#1a7cc3;}
.ratio-map ul li em.blue-color{background-color:#09b9f4;}
.ratio-map ul li em.green-color{background-color:#16f26a;}
.ratio-map ul li span{color:#5fd3ec;font-size: 14px;display: inline-block;vertical-align: middle;}


/**
=====个人轨迹=======
***/
.ring-left{width: 260px;border-right: 1px #61d5ee solid;float: left;}
.stepTab{clear:both;float: left;overflow: hidden;}
.stepTab .tab_menu {clear:both;}
.stepTab .tab_menu li {float:left;text-align:center;cursor:pointer;list-style:none;background:#F1F1F1;}
.stepTab .tab_menu li a{width: 130px;height: 40px;line-height: 40px;display: block;text-indent:-9999px;background: url(../images/ground_icon.png) no-repeat;}
.stepTab .tab_menu li a.tab1{background-position: 0 0;}
.stepTab .tab_menu li a.tab2{background-position: -130px 0;}
.stepTab .tab_menu li.selected a.tab1{background-position: 0 -51px;}
.stepTab .tab_menu li.selected a.tab2{background-position: -130px -51px;}
.stepTab .week-sel li a.tab1{background-position: 0 -103px;}
.stepTab .week-sel li a.tab2{background-position: -130px -103px;}
.stepTab .week-sel li.selected a.tab1{background-position: 0 -154px;}
.stepTab .week-sel li.selected a.tab2{background-position: -130px -154px;}
.stepTab .moon-sel li.selected a.tab1{width:260px;background-position: 0 -205px;}
.stepTab .tab_menu li.hover {background:#DFDFDF;}
.stepTab .tab_menu li.selected {color:#FFF;background:#6D84B4;}
.stepTab .tab_box {clear:both;overflow-x: hidden;overflow-y: auto;}
.stepTab .tabstep-box{position: relative;}
.stepTab .hide{display:none}
.date-line{width: 12px;position: absolute;left:0;z-index: 10;}
.line-1{height:754px;border-right:1px #fff000 solid;top:0;}
.line-2{height:232px;border-right:1px #f77935 solid;top:754px;}
.line-3{height:406px;border-right:1px #5ecfe8 solid;top:986px;}
.icon-sign{width:22px;height: 22px;display: block;background: url(../images/excel_show_icon.png) no-repeat;position: absolute;right:-11px;}
.line-1 .icon-sign{bottom: 133px;background-position: -3px -407px;}
.line-2 .icon-sign{top: 28px;background-position: -57px -407px;}
.line-3 .icon-sign{top: 19px;background-position: -109px -407px;}
  /**常出没**/
.day-step li{height: 58px;padding: 0 20px 0 12px;}
.day-step li:hover{background-color: #31829b;}
.day-step li a{height:37px;padding: 10px 0;display: block;border-bottom: 1px #258ec0 dashed;}
.day-step li a:hover{text-decoration: none;}
.day-step li a span{line-height:40px;color:#FFF;font-size:14px;padding:0 12px 0 22px;float: left;}
.day-step li a p{color:#FFF;font-size:14px;height:40px;overflow: hidden;}
.often-step li{height: 58px;}
.often-step li:hover{background-color: #31829b;}
.often-step li a{height:37px;padding: 10px 0;display: block;border-bottom: 1px #258ec0 dashed;}
.often-step li a:hover{text-decoration: none;}
.often-step li a em{width: 20px;height: 18px;line-height:18px;margin:9px 15px 0 25px;display: inline-block;text-align:center;color:#012e47;font-size: 14px;font-style:normal;background: url(../images/excel_show_icon.png) no-repeat;float:left;}
.often-step li a em.yellow-bg{background-position: 0 -354px;}
.often-step li a em.orange-bg{background-position: -39px -354px;}
.often-step li a em.green-bg{background-position: -78px -354px;}
.often-step li a em.blue-bg{background-position: -117px -354px;}
.often-step li a p{height:40px;color:#FFF;font-size: 14px;padding-right: 30px;overflow: hidden;}

.map-area{margin-left:261px;padding:12px;position: relative;}
.map-area .rightSel{width:500px;height: 34px;position: absolute;right:22px;top:22px;z-index: 99;}
.date-sel{width: 120px;position: absolute;right:438px;top:0;}
.date-sel a{width: 37px;height: 37px;display:inline-block;text-align:center;line-height: 48px;font-size: 17px;font-weight: bold;color:#575757;background: url(../images/excel_show_icon.png) 0 -446px no-repeat;}
.date-sel a:hover{text-decoration: none;}
.date-sel a.selected{background-position: -45px -446px;}
.rightSel .search-bar{height:32px;border:1px #a4a4a4 solid;margin:0;right:0;}
.rightSel .mod-use-sel{background-color: #FFF;border:1px #a4a4a4 solid;float: none;position: absolute;right:242px;top:0;}
.rightSel .mod-use-sel .sel-opt{color:#343434;min-width:130px;_width:130px;}


/**
=====商圈分析=======
***/
.business-menu{width: 148px;height: 100%;background-color: #61d5ee;overflow-x: hidden;overflow-y: auto;position: absolute;left:0;top:45px;z-index: 99999;}
.business-menu ul li{border-bottom: 1px #258ec0 dashed;}
.business-menu ul li a{height:40px;line-height:40px;color:#012e47;font-size:14px;display: block;padding-left: 25px;}
.business-menu ul li a:hover{color:#FFF;text-decoration: none;background: url(../images/li_bg.jpg) repeat-x;}
.business-menu ul li.current a{background: url(../images/li_bg.jpg) repeat-x;}

.business-detail{margin-left:148px;height: 100%;position: relative; }
.business-map{width:100%;height:100%;position: absolute;left:0;top:0;}
.business-map .map-zoom{margin:10px 12px;border:1px #31829b solid;background-color: #FFF;}
 .slideBox{width: 23px;height: 54px;display: block;background: url(../images/icon_slide.png) no-repeat;position: absolute;top:50%;margin-top:-27px;z-index: 999;}
.slide-left{background-position: 0 0;right: 13px;}
.slide-right{background-position: 0 -67px;left: 13px;}
.business-info{width:100%;height:100%;position: absolute;left:0;top:0;}
.business-info .info-detail{margin:10px 12px;border:1px #31829b solid;}
.business-info .info-detail .detai-top{width: 100%;height: 50%}
.business-info .info-detail .detai-bot{width: 100%;height: 50%}
 /**简介**/
.buss-total{width: 28%;height: 100%;float: left;}
.buss-total h1{color:#FFF;font-weight: normal;font-size:28px;margin:14px 15px;position: relative;}
.buss-total h1 a{padding:7px 9px;display: block;color:#012e47;font-size:14px;background-color: #8bd9ed;position: absolute;right: 0;top:0;}
.buss-total h1 a:hover{text-decoration: none;background-color: #6fcee7;}
.buss-total .total-txt{margin:0 15px;color:#FFF;font-size:14px;line-height: 22px;}
.buss-total .star-rate{margin:5px 0 0 20px;}
.buss-total .star-rate li{width:100%;height:20px;margin-bottom: 3px;}
.buss-total .star-rate li h2{color:#61d5ee;font-size:16px;font-weight:normal;float: left;}
.buss-total .star-rate li p{height: 20px;display: block;margin:2px 0 0 75px;background: url(../images/star_bg.png) 0 5px no-repeat;}
.buss-total .star-rate li p.star-1{width: 16px;}
.buss-total .star-rate li p.star-2{width: 36px;}
.buss-total .star-rate li p.star-3{width: 55px;}
.buss-total .star-rate li p.star-4{width: 74px;}
.buss-total .star-rate li p.star-5{width: 90px;}
 /**概况**/ /**户均流量分布**/ /**出账金额分布**/
.buss-survey{width: 25%;}
.buss-value{width: 24%;}
.buss-sum{width: 23%;}
.buss-survey,.buss-value,.buss-sum{height: 100%;float: left;}
.buss-survey h2,.buss-value h2,.buss-sum h2{margin:14px 15px;color:#61d5ee;font-weight: normal;font-size:16px;}
.buss-survey .chart-zoom{margin:0 15px;min-height:200px;position: relative;}
.buss-survey .chart-zoom .showArea{width: 110px;height: 68px;position: absolute;left:60px;top:50px;z-index: 11;}
.showArea ul li{width: 50%;text-align:center;float: left;}
.showArea ul li p{font-size: 20px;line-height:32px;}
.showArea ul li p.t1{color:#f87936;}
.showArea ul li p.t2{color:#16f26a;}
.buss-value .chart-zoom{margin:0 15px;min-height:200px;position: relative;}
.buss-sum .chart-zoom{margin:0 15px;min-height:200px;position: relative;}

.device-type{width: 15%;}
.device-sign{width: 22%;}
.device-hot{width: 32%;}
.user-fav{width: 31%;}
.device-type,.device-sign,.device-hot,.user-fav{height: 100%;float: left;}
.device-type h2,.device-sign h2,.device-hot h2,.user-fav h2{margin:14px 15px 10px 15px;color:#61d5ee;font-weight: normal;font-size:16px;}
.device-type .chart-zoom{margin:0 15px;min-height:200px;position: relative;}
.device-sign .chart-zoom{margin:0 15px;min-height:200px;position: relative;}
.device-ranking{padding:10px 0 0 25px;overflow-x: hidden;overflow-y: auto;}
.device-ranking ul li{height:18px;margin-bottom:3%;}
.device-ranking ul li p{height: 18px;line-height: 18px;color:#FFF;float:left;}
.device-ranking ul li p span{width:18px;height:18px;display: inline-block;text-align:center;line-height: 18px;color:#FFF;font-style: normal;margin-right:15px;}
.device-ranking ul li p span.e1{background:url(../images/excel_show_icon.png) -27px -52px no-repeat;}
.device-ranking ul li p span.e2{background:url(../images/excel_show_icon.png) 0 -52px  no-repeat;}
.device-ranking .perbar{width:60%;height: 18px;margin-left:160px;position: relative;}
.device-ranking .perbar .bar-bg{width:100%;height: 18px;background: #FFF;opacity: 0.25;position: absolute;left:0px;top:0px;z-index: 22;}
.device-ranking .perbar .ratebar{height: 18px;background: #54c2df;position: absolute;left:0px;top:0px;z-index: 33;position: relative;}
.device-ranking .value-num{line-height:18px;color:#012e47;position: absolute;right:5px;top:0px;}

.user-fav ul{margin: 10px;}
.user-fav ul li{width: 33.333%;text-align:center;margin-bottom:12px;float: left;}
.user-fav ul li img{width: 40%;}
.user-fav ul li p{font-size:16px;line-height: 56px;}
.user-fav ul li p.c1{color:#f87936;}
.user-fav ul li p.c2{color:#16f26a;}
.user-fav ul li p.c3{color:#5fd3eb;}
.user-fav ul li p span{font-size: 22px;margin-left:5px;}
.user-fav ul li p.c1 span{color:#f87936;}
.user-fav ul li p.c2 span{color:#16f26a;}
.user-fav ul li p.c3 span{color:#5fd3eb;}

/***弹框***/
.mask {width:100%;height:100%;background-color:#000;position:absolute;top:0px;left:0px;filter:alpha(opacity=30);opacity:0.3;z-index:100}
.dialog{width:580px;height: 450px;box-shadow: 0 0 8px #858484;background:#FFF;border-radius:3px;position:absolute;left:50%;margin-left:-290px;top:50%;margin-top:-225px;z-index:101;}
.dialog h3{height: 40px;line-height: 40px;font-size: 18px;font-weight:normal;padding-left:15px;background-color: #61d5ee;}
.dialog h3 span{line-height: 40px;font-size: 18px;}
.dia-content{padding:12px 15px;}
.dia-content p{color:#2d2d2d;font-size: 14px;line-height: 24px;}
.dia-content p.tx{font-size: 12px;margin-top:28px;}
.dia-content p span{color:#eb7710;font-size: 14px;}
.dialog .opBtn{width:100%;text-align:right;padding-bottom: 12px;position: absolute;bottom: 0;left:0;}
.dialog .opBtn a{width: 84px;height: 34px;line-height: 34px;display: inline-block;text-align: center;font-size: 14px;}
.dialog .opBtn a.a1{background-color: #61d5ee;}
.dialog .opBtn a.a2{background-color: #eb7710;margin:0 20px 0 12px;}


.navTab{
    clear:both;
    float: left;
    margin-top: 8px;
    overflow: hidden;
    width: 100%;
}
.navTab .nav_menu {
    width: 100%;
    height: 30px;
    border-bottom: 1px #61d5ee solid;
    clear:both;
}
.navTab .nav_menu ul{
    margin-left: 30px;
}
.navTab .nav_menu li {
    float:left;
    text-align:center;
    cursor:pointer;
    list-style:none;
    height: 30px;
    line-height: 30px;
    color:#5fd6ee;
    font-size: 16px;
    padding:0 15px;
    margin-right:4px;
    background:#012d46;
}
.navTab .nav_menu li.hover {
    color:#012d46;
    background:#61d5ee;
}
.navTab .nav_menu li.selected {
    color:#012d46;
    background:#61d5ee;
}
.navTab .nav_menu li.selected a{color:#012d46;}
.navTab .nav_menu li a{height:30px;line-height:30px;display:block;color:#5fd6ee;font-size:16px;}
.navTab .nav_menu li a:hover{text-decoration: none;}
 
.navTab .tab_box {
    clear:both;
}
.navTab .tab_box .bussinessBox{
    height: 100%;
}
.navTab .hide{
    display:none
}

.sign-con{position: absolute;right: 50px;top:20px;}
.sign-con ul li {color:#0b2237;font-size:14px;padding-left:15px;float: left;}
.sign-con ul li span{width: 14px;height: 14px;display: inline-block;margin:3px 5px 0 0;float: left;}
.sign-con ul li span.greenColor{background-color:#1b6e0b;}
.sign-con ul li span.redColor{background-color:#b00f26;}
.sign-con ul li span.yellowColor{background-color:yellow;}

  /**弹框提示**/
 .pop-tips{width:500px;height: 100px;text-align:center;background-color:#FFF;border:1px #0070c4 solid;position: absolute;left:50%;margin-left:-250px;top:50%;margin-top:-50px;z-index: 9999;}
 .pop-tips p{font-size:18px;color: #0071c4;line-height: 90px;}
 .pop-tips .btn-clo{width:24px;height:23px;display:block;text-indent:-9999px;background: url(../../images/btn_clo.png) no-repeat;position: absolute;right:7px;top:7px;}
 .lock-img{width:72px;height:72px;display:block;text-indent:-9999px;background: url(../images/icon_lock.png) no-repeat;position:absolute;left:50%;margin-left:-36px;top:50%;margin-top:-36px;}

/**弹窗-找不到数据**/
.dialog-nofind{width: 340px;height: 90px;background:#335374;border-radius:8px;position: absolute;left:50%;top:50%;margin-left:-170px;margin-top:-45px;z-index: 9999;}
.dialog-nofind .btn-close{width: 22px;height: 22px;display: block;text-indent:-9999px;background: url(../images/icon_popclose.png) no-repeat;position: absolute;right:-7px;top:-7px;}
.dialog-nofind .tip-con{height: 58px;margin:22px 20px 0;background: url(../images/icon_datatip.png) no-repeat;}
.dialog-nofind .tip-con p{font-size: 16px;color:#FFF;padding-left:52px;line-height: 40px;}

 